<template>
  <div>这是影院页面</div>
  <button @click="toWait">to wait</button>
</template>

<script>
export default {
  methods: {
    toWait() {
      // 编程式导航
      // 通过js的方式做跳转(通过事件)

      // this.$router表示的是整个路由实例

      // push方法是可以在历史记录里面追加，它是可以后退的
      this.$router.push("/detail/999");
      // this.$router.push({ name: "detail", params: { id: 999 } });
      // this.$router.push({ path: "/detail", query: { id: 999 } });

      // replace方法是替换当前的历史纪录，后退的时候是会跳过当前页面的
      // this.$router.replace("/wait");

      // go方法是用于前进或者后退，里面写整数
      // this.$router.go(-1);

      // 多数情况下，router-link声明式导航和编程式导航是可以换着用
      // router-link在使用的过程中，被选中的那一项会自动router-link-active的类名
      // 可以很方便的实现导航高亮
      // nav导航的时候用

      // 需要使用js进行跳转的时候，使用编程式导航
    },
  },
};
</script>
